// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

// 解决部分手机不支持promise,导致页面摆平的问题
import 'babel-polyfill'

// 导入vuex, 初始化放到了store文件夹下了
import store from './store'

// 使用第三方库vue-awesome-swiper实现首页轮播图, npm install vue-awesome-swiper --save
// 参考https://github.com/surmon-china/vue-awesome-swiper
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'

// 我在webpack.base.conf.js中配置了src/assets/styles的别名为styles.需要重启服务器

// 重置所有的标签样式，保证不同浏览器的体验一致
// import './assets/styles/reset.css'
import 'styles/reset.css'
// 解决移动端，1像素边框的问题：对于高倍屏1px可能会显示为2px甚至更多
import './assets/styles/border.css'
// 移动端开发还有个问题，点击事件300ms的延迟响应问题，解决方案如下
// npm install fastclick --save
import fastClick from 'fastclick'
// 因为各个页面都要使用iconfont,所以在全局引用
import './assets/styles/iconfont.css'

Vue.config.productionTip = false
fastClick.attach(document.body)
Vue.use(VueAwesomeSwiper)

/* eslint-disable no-new */
// 路由就是更具网址的不同返回不同的内容给用户
new Vue({
  el: '#app',
  router,
  store,
  components: {App},
  // 其实是下面这种样子，只是es6语法规定，键值相同可以省略。
  // router: router,
  // components: { App:App },
  template: '<App/>'
})
